<template>
  <div>
    <i v-if="mylove" class="el-icon-success" @click="changeLove" />
    <i v-else class="el-icon-circle-check" @click="changeLove" />
    <hr>
    <i v-if="value" class="el-icon-circle-plus" @click="changeLike" />
    <i v-else class="el-icon-circle-plus-outline" @click="changeLike" />
  </div>
</template>

<script>
export default {
  props: {
    mylove: Boolean,
    value: Boolean
  },
  methods: {
    changeLove() {
      // 自定义事件遵循结构   update:自定义属性名
      this.$emit('update:mylove', !this.mylove)
    },
    changeLike() {
      this.$emit('input', !this.value)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
